<template>
	<view>
		<image class="normal" :src="`${BASE_URL}${props.options_img}`" @click="click"></image>
		<icePopup :show="show" @iceClose="show=false">
			<image class="popImg" :src="`${BASE_URL}${props.options_img}`" mode=""></image>
		</icePopup>
	</view>
</template>
<script setup>
	import {ref} from 'vue'
	import {
		BASE_URL
	} from '../../../src/api/config';
	import icePopup from '@/components/onceMore/icePopup.vue'
	const emits = defineEmits(['wantFlex'])
	const props = defineProps({
		options_img: {
			type: String
		},
		top:{
			type:Number
		}
	})
	const show = ref(false)
	const click = ()=>{
		if(props.options_img != ''){
			show.value = true
		}
	}
</script>

<style lang="scss" scoped>
	.normal {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		right: 0;
	}
	.popImg{
		width: 50vmin;
		height: 50vmin;
		margin:0　auto;
	}
</style>